<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="icon" href="img/tyust.png">
		<title>2019级毕业实习</title>
	</head>
	<body>
		<h2>1、表单</h2>
		<form action="tit.html" action="post">
			用户名 <input type="text" placeholder="请输入用户名"/>
			<br>
			密码<input type="password"placeholder="请输入密码/>
			<br>
			生日<input type="date"/>
			<br>
			性别<input type="radio" name="gender"/>男
			    <input type="radio" name="gender"/>女
				<br>
			籍贯<select>
				<option>山西</option>
				<option>北京</option>
				<option>长沙</option>
				<option>河北</option>
				<option>广东</option>
			</select>
			<br>
			爱好 <input type="checkbox"/> 唱歌
			     <input type="checkbox"/> 打篮球
			     <input type="checkbox"/> 读书
			<br>
			照片<input type="file"/>
			<br>
			备注<textarea placeholder="多行文本框" cols="30" rows="30"></textarea>
		    <br>
			<input type="submit" value="注册"/>
			<input type="reset" value="重填"/>
		</form>
		<h2>超链接</h2>
		<a href="https://www.baidu.com/?tn=21002492_51_hao_pg">百度一下你就知道</a>
		<h2>插入图片</h2>
		<img src="img/tyust.png" width="50px"/>
		<h2>表格</h2>
		<table border="1px" width="500px">
			<tr>
				<td>姓名</td>
				<td>学号</td>
				<td>学院</td>
				<td>班级</td>
				<td>年龄</td>
				<td>
					<button>查询</button>
				</td>
			</tr>
			<tr>
				<td>狂徒张三</td>
				<td>001</td>
				<td>法学院</td>
				<td>法律一班</td>
				<td>？？？</td>
				<td>
					<button>查询</button>
				</td>
			</tr>
		</table>
		<h2>DIV使用</h2>
		<div>
			DIV是放东西的，放什么东西自己决定。
			<img src="img/tyust.png"/>
		</div>
		<h2>span用法</h2>
		<input type="text"/> <span style="color: #32f;">用户名不能为空！</span>
	    <h2>有序列表和无序列表</h2>
		<ul>
			<li>计算机学院</li>
			<li>机械院</li>
			<li>法学院</li>
			<li>艺术院</li>
		</ul>
		
		<ol>
			<li>计算机学院</li>
			<li>机械院</li>
			<li>法学院</li>
			<li>艺术院</li>
		</ol>
	</body>
</html>